*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.fl{
	float: left
}
.fr{
	float: right
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.clearfix {
	zoom: 1;
}
.with870{
	width: 820px
}
a{
	text-decoration: none;
	cursor:pointer
}
input{
	border:0;
	outline: 0
}
input:focus{
	border:0;
	outline: 0
}
li{
	list-style: none
}
// 一般弹框
body .demo-class .layui-layer-title{background:#ff7630; color:#fff; border: none;}
body .demo-class .layui-layer-btn a{
	border: 1px solid #dedede;
	background-color: #fff;
	color: #333;
}
body .demo-class .layui-layer-btn a:last-child{background:#ff7630; color: #fff; border: none}
body .control-class .layui-layer-btn a:last-child{background:#ff7630; color: #fff; border: none; margin-right: 10px}
// 打赏弹框
body .demo-classshang .layui-layer-title{background:#ff7630; color:#fff; border: none;}
body .demo-classshang .layui-layer-btn{text-align: center;padding-bottom: 30px;}
body .demo-classshang .layui-layer-btn .layui-layer-btn0{
	border: 1px solid #dedede;
	background-color: #ff7630;
	color: #fff;
	padding: 0 18px;
	height: 32px;
	line-height: 32px;
}
body .demo-class{
	.layui-layer-content{
		position: relative;
		padding: 20px 20px 10px;
		line-height: 24px;
		word-break: break-all;
		overflow: hidden;
		font-size: 14px;
		overflow: hidden;
		textarea{
			width: 100%;
			height: 80px;
			padding: 10px;
		}
	}
}
// food弹框
body .food-class{
	border: 2px solid #ff7630;
	border-radius: 8px;
	// overflow: hidden;
}
body .food-class .layui-layer-title{background:#ff7630; color:#fff; border: none;}
body .food-class .layui-layer-btn{padding-bottom: 10px;text-align: center;padding-top: 20px}
body .food-class .layui-layer-btn .layui-layer-btn0{
	border: 1px solid #dedede;
	background-color: #ff7630;
	color: #fff;
	padding: 0 18px;
	height: 32px;
	line-height: 32px;
}
body .food-class .layui-layer-content{
	overflow: visible;
}
body .control-class .layui-layer-content{
	overflow: visible;
}

.shang{
	width: 600px;
	padding: 30px 0 0px;
	background-color: #fff;
	display: none;
	.author{
		display: block;
		width: 80px;
		height: 80px;
		margin: 0 auto;
		border-radius: 50%;
	}
	p{
		text-align: center;
		font-size: 16px;
		margin: 20px 0 40px;
		font-weight: 600
	}
	ul.clearfix{
		padding: 0 70px;
		li{
			float: left;
			width: 120px;
			line-height: 46px;
			border-radius: 8px;
			border:2px solid #ff7630;
			margin-left: 50px;
			margin-bottom: 30px;
			font-size: 18px;
			text-align: center;
			cursor: pointer;
			i{
				color: #ff7630;
				font-size: 22px;
				margin-right: 10px;
			}
		}
		li:nth-child(3n+1){
			margin-left: 0
		}
		li.active{
			background: #ff7630;
			color: #fff;
			i{
				color: #fff
			}
		}
	}
	.balance{
		text-align: right;
		line-height: 28px;
		color: #7b7b7b;
		padding-right: 68px;
		span{
			margin: 0 10px;
		}
		a{
			display: inline-block;
			width: 22px;
			text-align: center;
			background: #ff7630;
			border-radius: 0 5px 5px 0;
			i{
				color: #fff
			}
		}
	}
	.give{
		margin-top: 20px;
		text-align: center;
		a{
			display: inline-block;
			text-align: center;
			width: 100px;
			line-height: 30px;
			color: #fff;
			font-size: 16px;
			background: #ff7630;
			border-radius: 4px;
		}
	}
}
.dropdown{width:100%; position:relative} 
.dropdown p{width:100%; height:44px; line-height:44px; padding-left:10px;   
border:1px solid #e6e6e6; background: url('../img/xiala.png') 95% center no-repeat;  
color:#666; cursor:pointer;border-radius: 4px;} 
.dropdown ul{width:100%; margin-top:6px; border:1px solid #e6e6e6;background-color: #fff;  
position:absolute; display:none;z-index: 999} 
.dropdown ul li{height:44px; line-height:44px;border-bottom: 1px solid #e6e6e6;}
.dropdown ul li:last-child{border-bottom: 0;}
.dropdown ul li a{display:block; height:44px; color:#888; text-decoration:none; padding: 0 10px;} 
.dropdown ul li a:hover{background: #efefef} 
.choose{
	.dropdown{position:relative} 
	.dropdown p{padding-right: 30px; height:76px; line-height:76px; padding-left:10px; background: url('../img/xia.png') right center no-repeat;  background-size: 20px;color:#666; cursor:pointer;border-radius: 4px;border: 0; font-size: 20px;} 
	.dropdown ul{width:200px; margin-top:-6px; border:1px solid #e6e6e6;background-color: #fff;  
	position:absolute; display:none;z-index: 999;} 
	.dropdown ul li{height:44px; line-height:44px;border-bottom: 1px solid #e6e6e6;}
	.dropdown ul li:last-child{border-bottom: 0;}
	.dropdown ul li a{display:block; height:44px; color:#888; text-decoration:none; padding: 0 10px; line-height: 44px;font-size: 16px;} 
	.dropdown ul li a:hover{background: #efefef} 
}
.sshake {
  animation-name: sshake;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

@keyframes sshake {
  10% {
    transform: translateX(-2px); }
  20% {
    transform: translateX(2px); }
  30% {
    transform: translateX(-2px); }
  40% {
    transform: translateX(2px); }
  50% {
    transform: translateX(-2px); }
  60% {
    transform: translateX(2px); }
  70% {
    transform: translateX(-2px); }
  80% {
    transform: translateX(2px); }
  90% {
    transform: translateX(-2px); }
}
.comment{width:680px; margin:20px auto; position:relative} 
.comment h3{height:28px; line-height:28px} 
.com_form{width:100%; position:relative} 
.input{width:99%; height:60px; border:1px solid #ccc} 
.com_form p{height:28px; line-height:28px; position:relative} 
span.emotion{width:42px; height:20px; background:url(icon.gif) no-repeat 2px 2px;  
padding-left:20px; cursor:pointer} 
span.emotion:hover{background-position:2px -28px} 
.qqFace{margin-top:4px;background:#fff;padding:2px;border:1px #dfe6f6 solid;} 
.qqFace table td{padding:0px;} 
.qqFace table td img{cursor:pointer;border:1px #fff solid;} 
.qqFace table td img:hover{border:1px #0066cc solid;} 
#show{width:680px; margin:20px auto}